<style type="text/css">
.fui-tab-scroll .item a {color:#999}
.fui-tab-scroll .item.on,.fui-tab-scroll .item.on a{color:#333;font-weight: 400;position: relative;font-size:0.8rem}
.fui-tab-scroll .item.on:before {content: ""; height: 2px; width: 40%; background: #db232b; position: absolute; bottom:0; left: 30%}
.fui-tab-scroll .item.active{color:#db232b;}
.syscolor{color:{{main.syscolor||'#cdab6a'}}}
.sysbgcolor{background-color:{{main.syscolor||'#cdab6a'}}}
.jylabel-red {
	border: 1px solid {{main.syscolor||'#cdab6a'}};color:{{main.syscolor||'#cdab6a'}};background-color:#fff;
}
.jylabel-red.active,.jylabel-red:focus,.jylabel-red:hover,.jylabel-red[href]:focus,.jylabel-red[href]:hover {
	background-color:{{main.syscolor||'#cdab6a'}};color:#fff;
}
.jylabel-red.active,.jylabel-red:focus,.jylabel-red:hover,.jylabel-red[href]:focus,.jylabel-red[href]:hover {
	background-color:{{main.syscolor||'#cdab6a'}};
	color:#fff;
	border: 1px solid {{main.syscolor||'#cdab6a'}};color:#fff;
}
.fui-goods-item .detail .price .text {
    color: {{main.syscolor||'#cdab6a'}};
}
.jylabels {
    display: inline;
    padding: 0 0.5rem;
    margin: 0.2rem;
    font-size: 0.55rem;
    line-height: 1.1rem;
    text-align: center;
    border-radius: 0.6rem;
}
.fui-tab-scroll .item.on:before {background: {{main.syscolor||'#cdab6a'}};}
</style>
<div class="fui-page fui-page-current" ng-if="pagedata.op == 'main'">
	<div class="fui-content">
		<div class="fui-header searchtop" style="height:2.6rem;background:#fff">
			<div class="fui-header-left">
				<a class="back" href="javascript:" ng-click="goback()"></a>
			</div>
			<div class="fui-header-input" style="top:0.5rem;right:0.5rem">
				<div class="searchbar searchbar-active" style="margin-left:1.6rem">
						<div class="search-input" style="margin-right:2.5rem">
							<i id="searchsub" class="icon icon-sousuo1" ng-click="pagedata.getlist();"></i>
							<input type="search" placeholder="请输入项目名称" class="search" ng-model="pagedata.params.keyword" style="text-align: left; color: #999; font-size:0.6rem;background:#f9f9f9;border-radius: 1rem;border: 0 solid #ddd;" />
						</div>
				</div>
			</div>
			<div class="fui-header-right">
				<a href="javascript:;" ng-click="access_json('jy_qiuyuyue/myhome/')"><i class="icon icon-wo1" style="font-size: 1.3rem;"></i></a>
			</div>
		</div>
		<div class="fui-tab-scroll" style="padding-left:0.5rem;margin-top:2.6rem">
			<div ng-class="{'item':1,'on':pagedata.params.type==1}" style="height:2rem;line-height:2rem"><a href="javascript:;" ng-click="pagedata.params.type=1;pagedata.getlist(1);">{{pagedata.pluginset.severtab_title ||'服务项目'}}</a></div>
			<div ng-class="{'item':1,'on':pagedata.params.type==2}" style="height:2rem;line-height:2rem"><a href="javascript:;" ng-click="pagedata.params.type=2;pagedata.getlist(2);">{{pagedata.pluginset.timetab_title ||'优惠次卡'}}</a></div>
			<div ng-class="{'item':1,'on':pagedata.params.type==3}" style="height:2rem;line-height:2rem"><a href="javascript:;" ng-click="pagedata.params.type=3;pagedata.getlist(3);">{{pagedata.pluginset.jifentab_title ||'积分商城'}}</a></div>
		</div>
		<div ng-if="pagedata.params.type==1" class="row margin0" style="padding:0 0.5rem;">
				<div ng-repeat="item in pagedata.groups" ng-class="{'jylabels jylabel-f3f3f3':1,'active':pagedata.params.groupid==item.id}" style="background-color:#fff" ng-click="pagedata.params.groupid=item.id;pagedata.getlist(1);">{{item.title}}</div>
		</div>
		<div ng-if="pagedata.params.type==1" style="padding: 0.25rem 0.5rem;width:100%" ng-include="sys_html('common/_sever_you')"></div>
		<div ng-if="pagedata.params.type==2" style="padding: 0.25rem 0.5rem;width:100%" ng-include="sys_html('common/_time_you')"></div>
		<div ng-if="pagedata.params.type==3" style="padding: 0.25rem 0.5rem;width:100%" ng-include="sys_html('common/_jifen_you')"></div>
	</div>
</div>
</div>
<div ng-include="sys_html('_footer')"></div>
<script>
scope.pagedata.getlist=function(type){
	if(type==1){
		scope.tool.get_list('jy_qiuyuyue/serverlist/list/',true);
	}else if(type==2){
		scope.tool.get_list('jy_qiuyuyue/timeserver/list/',true);
	}
}
</script>